<template>
  <div class="search-page">
    <layout>
      <banner></banner>
      <search-options class="options"></search-options>
      <router-view></router-view>
    </layout>
  </div>
</template>

<script>
import Layout from '@/layout/index';

import Banner from '@/components/Banner/searchBanner.vue';
import SearchOptions from '@/components/Options/SearchOptions';

export default {
  name: "Search",
  props: {

  },
  data() {
    return {
    };
  },
  computed: {
  },
  created() {
  },
  mounted() {
  },
  watch: {  
  },
  methods: {
  },
  components: {
    Layout,
    Banner,
    SearchOptions
  }
};
</script>

<style scoped lang="scss">
.search-page {
  .options {
    width: 1080px;
    margin: 0 auto;
    margin-top: 30px;
    @media screen and (max-width: 1200px){
      width: auto;
      margin: 0 10px;
      margin-top: 30px;
    }
  }
}
</style>
